$color: #172b4d;

/**
溢出隐藏
一行
*/
@mixin --mix-one-txt-cut {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/**
溢出隐藏
三行
*/
@mixin --mix-therr-txt-cut {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/**
title小标题 坐边框 伪类css
*/
@mixin --mix-title-before {
  position: relative;
  width: 100%;
  min-height: 22px;
  margin-bottom: 24px;
  font-size: 16px;
  color: $color;
  box-sizing: border-box;
  padding-left: 12px;
  @include --mix-one-txt-cut;

  &::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 4px;
    height: 15px;
    border-radius: 2px;
    color: var(--el-color-primary);
    background-color: var(--el-color-primary);
  }
}

@mixin --mix-active-after($height) {
  position: relative;

  &::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
    height: 32px;
    border-radius: 2px;
    color: var(--el-color-primary);
    background-color: var(--el-color-primary);
  }
}
